import React, { Component } from 'react'
import Styles from './index.less'
export class BannerHome extends Component {
  constructor() {
    super()
  }
  render() {
    const { children, backgroundImg } = this.props
    return (
      <div className={Styles.bannerHome} style={{backgroundImage: `url("${backgroundImg}")`}}>
        <div className={Styles.container}>
          {
            children
          }
        </div>
      </div>
      // <div className={Styles.bannerHome} style={{backgroundImage: `url("${backgroundImg}")`}}>
      //   <div className={Styles.patch}>
      //   </div>
      //   <div className={Styles.container}>
      //     {
      //       children
      //     }
      //   </div>
      // </div>
    )
  }
}
export function BannerDetail(props) {
  return (
    <div className={Styles.bannerDetail} style={{backgroundImage: `url("${props.backgroundPic}")`}}>
      <div className={Styles.mainTitle}><span>专注</span><span>专业</span><span>领先</span></div>
      <h4 className={Styles.subTitle}>FOCUS ON PROFESSIONAL LEADERSHIP</h4>
    </div>
  )
}
export function BannerNewsDetail(props) {
  return (
    <div className={Styles.bannerNewsDetail} style={{backgroundImage: `url("${props.backgroundPic}")`}}>
    </div>
  )
}